.body-view {
		width: 100%;
		overflow: hidden;
	}

	.top-menu-view {
		display: flex;
		position: fixed;
		z-index: 100;
		//top: 84rpx;
		/* #ifdef H5 */
		top: 84rpx;
		/* #endif */
		/* #ifndef H5 */
		top: 0rpx;
		/* #endif */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		width: auto;
		background-color: #fff;
		height: 86rpx;
		line-height: 86rpx;
		border-top: 1rpx solid #d8dbe6;
		justify-content: center;

		.menu-topic-view {
			display: inline-block;
			white-space: nowrap;
			height: 86rpx;
			position: relative;
			margin: 0 5rpx;

			.menu-topic-text {
				font-size: 30rpx;
				color: #303133;
				padding: 10rpx 40rpx;
				font-weight: 500;
			}

			.menu-topic-bottom {
				position: absolute;
				bottom: 0;
				width: 100%;

				.menu-topic-bottom-color {
					width: 40rpx;
					height: 4rpx;
				}
			}

			.menu-topic-act .menu-topic-bottom {
				display: flex;
				justify-content: center;
			}

			.menu-topic-act .menu-topic-text {
				color: #ff0000;
			}


			.menu-topic-act .menu-topic-bottom-color {
				background: #ff0000;
			}
		}
	}

	.swiper-box-list {
		width: 95%;
		margin: 100rpx auto 30rpx;
		padding: 20rpx 40rpx;
		flex: 1;
		background-color: #FFFFFF;
		height: calc(100vh - 251rpx);

		.swiper-topic-list {
			width: 100%;
		}
	}

	/* 隐藏滚动条，但依旧具备可以滚动的功能 */
	.uni-scroll-view::-webkit-scrollbar {
		display: none
	}